<?php
/*
 * Created by: Dikkehein <Clemens Wijnekus, c.wijnekus@gmail.com>
 */
?>

<section id="main" class="column">

    <h4 class="alert_info">
        Welkom op de beta versie van Stafplicatie!
    </h4>
    <h4 class="alert_info">
        TODO list staat op wiki van google code.
    </h4>

    <?php if (validation_errors()) : ?>
        <h4 class="alert_error">
            Whoops! Foutje:
            <p><?php echo validation_errors(); ?></p>
        </h4>
    <?php endif; ?>

    <article class="module width_full">
        <header><h3>Schreeuwdoos</h3></header>
        <div class="message_list">
            <div class="module_content">
                <?php foreach ($schreeuwen as $schreeuw) : ?>
                    <div class="message"><p><?php echo $schreeuw['bericht']; ?></p>
                        <p><strong><?php echo '~ ' . $schreeuw['voornaam'] . ' ' . $schreeuw['achternaam'] . ' [' . $schreeuw['datum'] . ']'; ?></strong></p></div>
                <?php endforeach; ?>
            </div>
        </div>
        <footer>
            <?php echo form_open('home/index', 'class="post_message"'); ?>
            <?php echo form_input($bericht); ?>
            <?php echo form_hidden($id); ?>
            <?php echo form_submit('submit', 'Aanmaken', 'class="btn_post_message"'); ?>
            <?php echo form_close(); ?>
        </footer>

    </article><!-- end of messages article -->
    <div class="clear"></div>
    <article class="module width_full">
        <header><h3 class="tabs_involved">Not Done Actiepunten</h3></header>
        <div class="tab_container">
            <table class="tablesorter" cellspacing="0"> 
                <thead> 
                    <tr> 
                        <th></th> 
                        <th>AP Nummer</th> 
                        <th>Beschrijving</th> 
                        <th>Staffers</th>
                        <th>Deadline</th>
                        <th>Aangemaakt</th>
                        <th colspan="3">Acties</th> 
                    </tr> 
                </thead> 
                <tbody>
                    <?php foreach ($actiepunten as $row) : ?>
                        <?php if (!$row['status']) : $gebrs = ""; ?>
                            <tr> 
                                <td><input type="checkbox"></td> 
                                <td><?php echo $row['id_ap']; ?></td> 
                                <td><?php echo $row['beschrijving']; ?></td>
                                <td>
                                    <?php foreach ($row['gebruikers'] as $gebr) : ?>
                                        <?php $gebrs .= $gebr . " "; ?>
                                    <?php endforeach; ?>
                                    <?php echo $gebrs; ?>
                                </td>
                                <td><?php echo $row['deadline']; ?></td> 
                                <td><?php echo $row['aangemaakt']; ?></td>
                                <td><?php echo anchor('actiepunten/checkFromIndex/' . $row['id_ap'], img('images/icn_alert_success.png')) . " "; ?> </td> 
                                <td><?php echo anchor('actiepunten/wijzigen/' . $row['id_ap'], img('images/icn_edit.png')) . "  "; ?></td>
                                <td><?php echo anchor('actiepunten/verwijderen/' . $row['id_ap'], img('images/icn_trash.png')); ?></td>
                            </tr>
                        <?php endif; ?>
                    <?php endforeach; ?>
                </tbody> 
            </table>
        </div><!-- end of Not Done AP -->
    </article><!-- end of messages article -->

    <div class="clear"></div>

    <article class="module width_full">
        <header><h3>Post New Article</h3></header>
        <div class="module_content">
            <fieldset>
                <label>Post Title</label>
                <input type="text">
            </fieldset>
            <fieldset>
                <label>Content</label>
                <textarea rows="12"></textarea>
            </fieldset>
            <fieldset style="width:48%; float:left; margin-right: 3%;"> <!-- to make two field float next to one another, adjust values accordingly -->
                <label>Category</label>
                <select style="width:92%;">
                    <option>Articles</option>
                    <option>Tutorials</option>
                    <option>Freebies</option>
                </select>
            </fieldset>
            <fieldset style="width:48%; float:left;"> <!-- to make two field float next to one another, adjust values accordingly -->
                <label>Tags</label>
                <input type="text" style="width:92%;">
            </fieldset><div class="clear"></div>
        </div>
        <footer>
            <div class="submit_link">
                <select>
                    <option>Draft</option>
                    <option>Published</option>
                </select>
                <input type="submit" value="Publish" class="alt_btn">
                <input type="submit" value="Reset">
            </div>
        </footer>
    </article><!-- end of post new article -->

    <h4 class="alert_warning">A Warning Alert</h4>

    <h4 class="alert_error">An Error Message</h4>

    <h4 class="alert_success">A Success Message</h4>

    <article class="module width_full">
        <header><h3>Basic Styles</h3></header>
        <div class="module_content">
            <h1>Header 1</h1>
            <h2>Header 2</h2>
            <h3>Header 3</h3>
            <h4>Header 4</h4>
            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>

            <p>Donec id elit non mi porta <a href="#">link text</a> gravida at eget metus. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>

            <ul>
                <li>Donec ullamcorper nulla non metus auctor fringilla. </li>
                <li>Cras mattis consectetur purus sit amet fermentum.</li>
                <li>Donec ullamcorper nulla non metus auctor fringilla. </li>
                <li>Cras mattis consectetur purus sit amet fermentum.</li>
            </ul>
        </div>
    </article><!-- end of styles article -->
    <div class="spacer"></div>
</section>



